<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器_目标伪类</title>
    <style>
        div {
            height: 300px;
            background-color: green;
        }

        /* 目标伪类 被选中的元素样式改变 */
        div:target {
            background-color: red;
        }
    </style>

</head>
<body>
    <a  href="#one">看第一个</a>
    <a  href="#two">看第二个</a>
    <a  href="#three">看第三个</a>
    <a  href="#four">看第四个</a>
    <a  href="#five">看第五个</a>
    <a  href="#six">看第六个</a>


    <div id="one">第一个</div>
    <br>
    <div id="two">第二个</div>
    <br>
    <div id="three">第三个</div>
    <br>
    <div id="four">第四个</div>
    <br>
    <div id="five">第五个</div>
    <br>
    <div id="six">第六个</div>
</body>
</html>